import React, { useContext } from 'react'
import Card from './Card.jsx'
import { contactUs } from "../constant.jsx"
import { TabContext } from "@/components/TabHeader/index.jsx";
export default function ContactUs() {
    const data = useContext(TabContext)
    return <div style={{ display: "flex", flexDirection: "column", gap: "20px" }}>
        {contactUs.map((item, index) => (
            (data.emailCn[index] || data.emailEn[index]) && <Card key={index} {...item} i={index} />
        ))}
    </div>
}